<template>
  <div class="report-1">
    <ul style="margin: 0;padding: 0">
      <li><img src="/imgs/homepage/11.jpg" alt="">
        <div style="padding-left: 15px;position: relative;height: 55%;">
          <p style="color: grey;font-weight: bold">2024-1-15</p>
          <p style="font-weight: bold">平台报告2023年01月</p>
          <p style="color: grey;font-weight: bold">聚瑞吉材报告</p>
          <div style="position: absolute;bottom: 0;left: 15px;color: orange;">查看报告</div>
        </div>
      </li>
      <li><img src="/imgs/homepage/12.jpg" alt="">
        <div style="padding-left: 15px;height: 55%;position: relative;">
          <p style="color: grey;font-weight: bold">2024-1-15</p>
          <p style="font-weight:bold">平台报告2023年01月</p>
          <p style="color: grey;font-weight: bold">聚瑞吉材报告</p>
          <div style="position: absolute;bottom: 0;left: 15px;color: orange;">查看报告</div>
        </div></li>
      <li><img src="/imgs/homepage/13.jpg" alt="">
        <div style="padding-left: 15px; position: relative;height: 55%;">
          <p style="color: grey;font-weight: bold">2024-1-15</p>
          <p style="font-weight: bold">平台报告2023年01月</p>
          <p style="color: grey;font-weight: bold">聚瑞吉材报告</p>
          <div style="position: absolute;bottom: 0;left: 15px;color: orange;">查看报告</div>
        </div></li>
      <li><img src="/imgs/homepage/14.jpg" alt="">
        <div style="padding-left: 15px;height: 55%;position: relative;">
          <p style="color: grey;font-weight: bold">2024-1-15</p>
          <p style="font-weight: bold">平台报告2023年01月</p>
          <p style="color: grey;font-weight: bold">聚瑞吉材报告</p>
          <div style="position: absolute;bottom: 0;left: 15px;color: orange;">查看报告</div>
        </div></li>
    </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.report-1{
  width: 100%;
  height: 300px;
}
.report-1 ul{
  display: flex;
}
.report-1 img{
  width:100%;
  height:45%;
}
.report-1 li{
  width: 24%;
  height: 280px;
  margin-right: 11px;
  list-style: none;
  box-shadow: 1px 1px 3px grey;
}
.report-1 p{
  padding: 0;
  margin: 0;
  height: 24px;
}
</style>